<link rel="stylesheet" type="text/css" href="<?php echo PUBLIC_URL ?>css/content.css"><!-- 首页内容区域大盒子-->
<link rel="stylesheet" type="text/css" href="<?php echo PUBLIC_URL ?>css/with.css">
<link rel="stylesheet" type="text/css" href="<?php echo PUBLIC_URL ?>css/new_with.css">
<style>
#background {height:1700px;}
#footer{margin-top:10px;}
</style>     
<script src="<?php echo PUBLIC_URL ?>js/jquery-1.8.3.js" type="text/javascript" charset="utf-8"></script>
<div id="content">
	<div class="now-position" style="width:100%; background:#FBFBFB;margin-top:50px; height:40px;text-align:left;">
           <i style="height:40px;line-height:40px;color:#ABB0B3; "> 当前位置：<i style="color:green">首页</i> > 关于他们</i>
    </div>
    <div id="content-tow" ><!-- 包括左右两个盒子start-->
		<!-- 便利区左盒子 -->
        <div id="withdiv">
            <!--<php foreach($withMore['with_list'] as $val){ ?>-->
            <div name="withcontent">
            <?php 
            if(!$withMore['with_list'] || $withMore['with_list'] == '' ){
                echo '';
            }else{
            foreach($withMore['with_list'] as $val){
            ?><!-- 最少要五次-->
            
                <div   style="height:320px;" class="fordiv" id="<?php echo $val['withId']; ?>"  onclick="test(this.id)">
                            <img class="tu" width="90%" height="200" src="<?php echo $val['Imgurl']; ?>" /><br><br>
                                <?php echo $val['withImg']['post_title']; ?><br>
                                <br>
                                 <div class="withren" style="overflow:hidden;height:50px;text-align:center;color:#AAb1B7;line-height:25px;width:90%;margin:auto auto;">
                                    <?php echo $val['withImg']['post_excerpt'];?>
                                 </div>
                                 <div class="zindex">
                                        <img src="<?php echo PUBLIC_URL ; ?>images/ao/f.bmp" /><!-- F式博客-->
                                        <img src="<?php echo PUBLIC_URL ; ?>images/ao/niao.bmp" /><!-- 微波-->
                                        <img src="<?php echo PUBLIC_URL ; ?>images/ao/ba.bmp" />
                                 </div>
                </div>

        <?php } } ?>
        </div>
		<!-- 便利区end -->
        <!--分页start -->
        <div id="wipage" class="left" style="width:100%;margin-top:30px;height:100px; padding-top:90px;">
            <?php echo $withMore['page']; ?>
		</div>
        <!--分页end -->
                <!--测边栏(1)start -->
                <?php  include_once(VIEWS_URL.'welcome/aside_one.php');  ?>
                <!--测边栏end -->     
        </div>
    </div>
    <!-- 包括左右两个盒子end-->
</div>
<!-- 首页内容区域大盒子-->
<script>
    function test(obj){
    window.location.href="<?php echo DOCUMENT.'welcome/with_center?id=' ?>"+obj;
    }
    
    $(function(){
        
        $('font[name=ajaxpage]').live('click', function(){
                    $(this).css('color', 'red');//此为原条件
                    var originID = $(this).parent().find('input[name=ajaxpage]').val();
                    var pageID = $(this).attr('id');
                    
                    var  withcontent = $('div[name=withcontent]');
                    var withpage = $('#wipage');
                    $.ajax({
                        url:'<?php echo DOCUMENT."welcome/show_with_list"; ?>',
                        data:'ppage='+pageID+'&thisid='+originID,
                        type:'get',
                        success:function(data){
         
                            withpage.empty();
                            withcontent.empty();

                            $.each(data['with_list'], function(k, val){
                                var wi = $(' <div  style="height:320px;" class="fordiv" id="'+val['withId']+'"  onclick="test(this.id)"><img class="tu" width="90%" height="200" src="'+val['Imgurl']+'" /><br><br>'+val['withImg']['post_title']+'<br><br><div class="withren" style="overflow:hidden;height:50px;text-align:center;color:#AAb1B7;line-height:25px;width:90%;margin:auto auto;">'+val['withImg']['post_excerpt']+'</div><div class="zindex"><img src="<?php echo PUBLIC_URL ; ?>images/ao/f.bmp" /><img src="<?php echo PUBLIC_URL ; ?>images/ao/niao.bmp" /><img src="<?php echo PUBLIC_URL ; ?>images/ao/ba.bmp" /></div></div>');
                                withcontent.append(wi);
                            });
                            withpage.append(data['page']);

                        },
                        error:function(){
                            alert('失败');
                        },
                        dataType:'json'
                    });
               });
    })
</script>



    